<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>主力户型内页</title>
    <meta content="yes" name="apple-mobile-web-app-capable"><!-- 这meta的作用就是删除默认的苹果工具栏和菜单栏允许全屏模式浏览-->
    <meta name="apple-touch-fullscreen" content="yes"><!-- 开启对web app程序的支持  -->
    <meta content="telephone=no,email=no" name="format-detection"><!-- iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号！telephone=no就忽略页面中的数字识别为电话号码 ,email=no 忽略识别邮箱 -->
    <!--base css-->
    <link rel="stylesheet" href="CSS/reset.css"/>
    <link rel="stylesheet" href="CSS/index.css"/>
    <link rel="stylesheet" href="FONT/iconfont.css"/>
    <!--base css end-->
    <!--base js-->
    <!--<meta content="yes" name="apple-mobile-web-app-capable">-->
    <script>
        window.scrollTo(0, 0);
    </script>
    <!--<meta content="yes" name="apple-mobile-web-app-capable"> end-->
    <script src="JS/reset.js"></script>
    <script src="JS/jquery.min.js"></script>
    <script src="JS/zepto.min.js"></script>
    <script src="JS/TouchSlide.js"></script>
    <script src="JS/notice.js"></script>
    <script src="JS/screen.js"></script>
    <script src="JS/back.js"></script>
    <!--base js end-->

    <!--no css-->
    <link rel="stylesheet" href="CSS/swiper.min.css"/>
    <!--no css end-->

    <!--no base js-->
    <script src="JS/swiper.min.js"></script>
    <script src="JS/jiaojia.js"></script>
    <!--no base js end-->
    <!--no base css-->
    <style>
        .hto-ph3{
            line-height: 0.765625rem;
        }
        .hto-title{
            line-height: 0.796875rem;
        }
        .hto-hx{
            margin-top: 0.1rem;
        }
        .hto-hx span{
            font-size: 0.3125rem;
            line-height: 0.546875rem;
        }
        .page-jj .hot-content ul li{
            padding-top: 0.36875rem;
            padding-bottom: 0.36875rem;
        }
        .page-jjomre .hot-content ul li{
            padding-top: 0;
        }
        .page-shoulou .dt-nyydp{
            line-height: 0.734375rem;
            font-size: 0.375rem;
        }
        .page-shoulou .dt-you{
            min-width: 1.953125rem;
            max-width:1.953125rem;
            height: auto;
            text-align: center;
        }
        .page-shoulou .dt-you img{
            width: 1.15625rem;
            height: 1.15625rem;
        }
    </style>
    <!--no base css end-->
</head>
<body>
<!--wapper-->
<div class="wapper">
    <!--header-->
    <div class="header">
        <div class="header-list bag-1462c4">
            <div class="p-l-25 p-r-25 relative text-center f33">
                <a href="javascript:history.go(-1)" class="block"><i class="icon iconfont f-b">&#xe643;</i></a>
                <a href="{:U('Index/index')}" class="home"><i class="icon iconfont">&#xe61a;</i></a>
                <a href="javascript:;" class="text-fff">主力户型</a>
            </div>
        </div>
    </div>
    <!--header end-->
    <!--slide-->
    <div class="lslide">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <!-- 轮播图 -->
                {volist name="listpig" id="data"}
                <div class="swiper-slide"><a href="#"><img src="UPLOADS/{$data}" alt="{$data}"/></a></div>
                {/volist}
                <!-- 轮播图 -->

            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
        </div>
    </div>
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationType: 'fraction'
        });
    </script>
    <!--slide end-->
    <!--content-->
    <div class="content">
        <!--灰-->
        <div class="hui"></div>
        <!--灰 end-->
        <div class="page-jj p-l-25 p-r-25">
            <div class="hot-content">
                <ul class="clearFloat">
                    <a href="">
                        <li>
                            <div class="hto-img">
                                <div class="hto-p">
                                    <h3 class="hto-ph3 m-b-5 f30 text-3c3c3c">{$fang.name}</h3>
                                    <p class="hto-title clearFloat f24 text-3c3c3c">面积:{$fang.built}                      类型：{$fang.fangtype} </p>
                                    <p class="hto-title clearFloat  f24 text-3c3c3c">朝向：{$fang.chaoxiang}                            层高：{$fang.cenggao}</p>
                                    <div class="hto-hx clearFloat">
                                    {$fang.biaoqian}
                                    </div>
                                </div>
                            </div>
                        </li>
                    </a>
                </ul>
            </div>
        </div>
        <!--灰-->
        <div class="hui"></div>
        <!--灰 end-->
        <!--户型解析-->
        <div class="page-jj p-l-25 p-r-25">
            <div class="hot-content">
                <ul class="clearFloat">
                    <a href="">
                        <li>
                            <div class="hto-img">
                                <div class="hto-p">
                                    <h3 class="hto-ph3 m-b-5 f30 text-3c3c3c">户型解析：</h3>
                                    <p class="hto-title clearFloat f24 text-3c3c3c">
                                        {$fang.content}
                                    </p>
                                </div>
                            </div>
                        </li>
                    </a>
                </ul>
            </div>
        </div>
        <!--户型解析 end-->
        <!--灰-->
        <div class="hui"></div>
        <!--灰 end-->

        <div class="page-tab p-l-25 p-r-25">
            <div class="tabs">
                <a href="#" class="active">点评 <span class="f20 text-969696">({$num})</span></a>
                <a href="#" >动态</a>
            </div>
            <div id="tabs-container" class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="dp-listcon m-b-10 clearFloat">

                        <!-- 点评 -->
                        {if condition="$new_message['id'] neq ''"}
                            <div class="dianping p-t-30 p-b-30 b-b-e6e6e6 clearFloat">
                                <div class="dp-user">
                                    <img src="images/user.png" alt="" class="dp-userimg"/>
                                    <span class="f24 text-3c3c3c p-l-5">
                                        {if condition="$m_info['uname'] neq ''"}
                                        {$m_info['uname']}
                                        {else/}
                                        {:substr_replace($m_info['phone'],'****',3,4)}
                                        {/if}
                                    </span>
                                </div>
                                <div class="dp-contetn">
                                    {$new_message.content}
                                </div>
                                <div class="dp-time">
                                    发表于{$new_message.create_time|date='Y-m-d H:i:s',###}
                                </div>
                            </div>
                        {/if}
                         <!-- 点评 -->

                        </div>
                        <div class="text-center m-b-20" style="height:1rem;">
                            <a href="{:U('Index/loupan_dianping',array('id'=>$_GET['id']))}" class="tab-more text-1462c4">查看更多评价</a>
                        </div>


                    </div>
                    <div class="swiper-slide">

                       <!-- 动态 -->
                        <div class="dt-content" style="height:4.3rem;overflow: hidden;">
                            <a href="{:U('Index/news_content',array('id'=>$new_dongtai['id']))}">
                                <div class="dt-li p-t-30 p-b-30 b-b-e6e6e6">
                                    <h3 class="dth3">{$new_dongtai.name}</h3>
                                    <span class="dt-litime">发布时间：{$new_dongtai.create_time|date='Y-m-d',###}</span>
                                    <p class="dt-p">{$new_dongtai.description}</p>
                                </div>
                            </a>          

                        </div>
                        <!-- 动态 -->

                        <div class="text-center m-b-20" style="height:1rem;">
                            <a href="{:U('Index/news_list',array('nid'=>3))}" class="tab-more text-1462c4">查看更多动态</a>
                        </div>

                    </div>

                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function(){
                var tabsSwiper = new Swiper('#tabs-container',{
                    speed:500,
                    onSlideChangeStart: function(){
                        $(".tabs .active").removeClass('active')
                        $(".tabs a").eq(tabsSwiper.activeIndex).addClass('active')
                    }
                })
                $(".tabs a").on('touchstart mousedown',function(e){
                    e.preventDefault()
                    $(".tabs .active").removeClass('active')
                    $(this).addClass('active')
                    tabsSwiper.slideTo( $(this).index() )
                })
                $(".tabs a").click(function(e){
                    e.preventDefault()
                })
            })
        </script>
        <!--灰-->
        <div class="hui"></div>
        <!--灰 end-->


        <!--售楼-->
        <div class="page-shoulou p-l-25 p-r-25 p-t-10 p-b-20">
            <!--相关阅读-->
            <div class="dt-nyyd">
                <div class="dt-nyydul">
                    <a href="">
                        <div class="dt-nyydli relative p-t-15 p-b-15">
                            <p class="dt-nyydp">售楼处：<span class="text-1462c4">{$info.shouphone}</span> </p>
                            <p class="dt-nyydp">免费咨询，了解最新动态及更多优惠信息</p>
                            <p class="dt-nyydp">售楼处工作时间&nbsp;{$info.gtime}</p>
                               
                               <a href="tel:{$info.shouphone}">
                            <span class="dt-you dianhua">
                                <img src="images/pagsl.png" alt="" class="m-b-20"/>
                                <span class="text-1462c4 display-block">{$cishu}人已拨打</span>
                            </span>
                            <input type="hidden" class="cishu" value="{$info['id']}">
                                </a>
                                <script>
                           $(document).ready(function(){
                            var panid=$('.cishu').val();
                             $(".dianhua").click(function(){
                            $.post("{:U('Index/bodacishu')}",{panid:panid},function(data){});
                             });

                           });
                                </script>
                        </div>
                    </a>
                </div>

            </div>
            <!--相关阅读-->
        </div>
        <!--售楼 end-->
        
        <!--灰-->
        <div class="hui"></div>
        <!--灰 end-->
        <!--猜你喜欢-->
        <div class="page-like m-b-27">



            <!--热门推荐-->
            <div class="hot p-l-25 p-r-25 p-t-27 p-b-27 clearFloat">
                <h3 class="screenh3 f28"><strong>猜你喜欢</strong></h3>
                <div class="hot-content">
                    <ul class="clearFloat">

                      <!-- 猜你喜欢 -->
                      {volist name="clist" id="data"}
              <?php
                 $name['panid']=$data['id'];
                 $name['lock']=0;
                 $other=M('coupon')->where($name)->count();
               ?>                      
                        <li class="b-b-e6e6e6">
                            <div class="hto-img">
                                <a href="{:U('Index/loupan_content',array('id'=>$data['id']))}">
                                    <div class="hto-img-content m-r-16">
                                        <img src="UPLOADS/{$data.upload}" alt=""/>
                                    </div>
                                </a>
                                <div class="hto-p">
                                    <a href="{:U('Index/loupan_content',array('id'=>$data['id']))}">
                                        <h3 class="hto-ph3 m-b-5 f26">{$data.name}</h3>
                                        <p class="hto-title clearFloat f20"><span class="hto-mi">{$data.junjia}</span>{$data.dizhi} </p>
                                        <p class="hto-title clearFloat  f20">户型：{$data.huxing}</p>
                                        <div class="hto-hx clearFloat">
                                           {$data.biaoqian}
                                        </div>
                                        <!-- line -->

                                        <!-- line end -->
                                    </a>
                                      {if condition="$other neq 0"} 
                                    <a href="{:U('Index/seckill',array('id'=>$data['id']))}">
                                <div class="m-t-15 m-b-15 text-e6e6e6"><div class="b-d-b-e6e6e6" ></div></div>
                                        <div class="quan">
                                            <p class="hto-title clearFloat m-b-10 f20"><img src="images/quan.png" alt="" class="quanimg"/>一元秒杀房款券</p>
                                        </div>
                                    </a>
                                    {/if}
                                </div>
                            </div>
                        </li>
                        {/volist}
                        <!-- 猜你喜欢 END -->
                    
                    </ul>
                </div>

            </div>
            <!--热门推荐 end-->
        </div>
        <!--猜你喜欢 end-->
        <!--灰-->
        <div class="hui"></div>
        <!--灰 end-->
        <!--一元秒杀-->
        {if condition="$have neq 0"}
        <div class="page-ms p-l-25 p-r-25">
            <a href="{:U('Index/seckill',array('id'=>$_GET['id']))}">
                <i class="icon iconfont">&#xe615;</i> 一元秒杀房款券
            </a>            
            <a href="yueche_page.html"><span class="cheimg"></span> 约车看房</a>
        </div>
        {else/}
        <div class="page-ms p-l-25 p-r-25">
        <a href="yueche_page.html" style="width:100%;"><span class="cheimg" ></span> 约车看房</a>
        </div>  
         {/if}
        <!--一元秒杀 end-->
        <!--返回顶部-->
        <a href="#" id="scrollUp" style="position: fixed; z-index: 10;">
            <i class="icon iconfont">&#xe60c;</i>
        </a>
        <!--返回顶部-->





    </div>
    <!--content end-->




</div>
<!--wapper end-->

</body>
</html>